<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>代理管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-
scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/y_index.css" />
    <style>
    .ellipse {
        width: 1rem;
        height: .44rem;
        border-radius: .4rem;
        justify-content: center;
    }
    </style>
</head>

<body>
    <!-- <div class="mask">
    <div class="bw">
        <div class="flex_sa bw bdb top" style="z-index:2">
            <li class="flex_a p20 active">
                <span class="state top_title">状态</span>
                <img class="ml20" src="../img/up.png" style="width:.19rem;height: .1rem;" />
            </li>
            <li class="flex_a">
                <span class="type top_title">类型</span>
                <img class="ml20" src="../img/down.png" style="width:.19rem;height: .1rem;" />
            </li>
        </div>
        <div class="top_cont">
            <li class="tlist p20 bdb">全部</li>
            <li class="tlist p20 bdb">启用</li>
            <li class="tlist p20 bdb">禁止</li>
        </div>
    </div>
</div> -->
    <div class="bigBox">
        <div class="flex_sa bw bdb top" style="z-index:2">
            <li class="flex_a p20 active">
                <span class="state top_title">状态</span>
                <img class="ml20" src="../img/up.png" style="width:.19rem;height: .1rem;" />
            </li>
            <li class="flex_a">
                <span class="type top_title">类型</span>
                <img class="ml20" src="../img/down.png" style="width:.19rem;height: .1rem;" />
            </li>
        </div>
        <div class="top_cont bw hide" style="z-index:2">
            <li class="tlist p20 bdb">全部</li>
            <li class="tlist p20 bdb">启用</li>
            <li class="tlist p20 bdb">禁止</li>
        </div>
        <div class="container">
            <div class="list bw mt20">
                <li class="flex_sb bdb p20"><span>代理名称：张三1</span><span class="c4">禁止</span></li>
                <li class="flex_sb plr20 mt20"><span class="col9">手机号码：13746xxxxxx</span><span class="colw b_diy1 ellipse flex_a jc">编辑</span></li>
                <li class="flex_sb p20"><span class="col9">账号余额：￥123.00</span><span class="col9 ellipse flex_a border delBtn">删除</span></li>
            </div>
            <div class="list bw mt20">
                <li class="flex_sb bdb p20"><span>代理名称：张三2</span><span class="c4">禁止</span></li>
                <li class="flex_sb plr20 mt20"><span class="col9">手机号码：13746xxxxxx</span><span class="colw b_diy1 ellipse flex_a jc">编辑</span></li>
                <li class="flex_sb p20"><span class="col9">账号余额：￥123.00</span><span class="col9 ellipse flex_a border delBtn">删除</span></li>
            </div>
            <div class="list bw mt20">
                <li class="flex_sb bdb p20"><span>代理名称：张三3</span><span class="c4">禁止</span></li>
                <li class="flex_sb plr20 mt20"><span class="col9">手机号码：13746xxxxxx</span><span class="colw b_diy1 ellipse flex_a jc">编辑</span></li>
                <li class="flex_sb p20"><span class="col9">账号余额：￥123.00</span><span class="col9 ellipse flex_a border delBtn">删除</span></li>
            </div>
            <div class="list bw mt20">
                <li class="flex_sb bdb p20"><span>代理名称：张三4</span><span class="c4">禁止</span></li>
                <li class="flex_sb plr20 mt20"><span class="col9">手机号码：13746xxxxxx</span><span class="colw b_diy1 ellipse flex_a jc">编辑</span></li>
                <li class="flex_sb p20"><span class="col9">账号余额：￥123.00</span><span class="col9 ellipse flex_a border delBtn">删除</span></li>
            </div>
            <div class="list bw mt20">
                <li class="flex_sb bdb p20"><span>代理名称：张三</span><span class="c4">禁止</span></li>
                <li class="flex_sb plr20 mt20"><span class="col9">手机号码：13746xxxxxx</span><span class="colw b_diy1 ellipse flex_a jc">编辑</span></li>
                <li class="flex_sb p20"><span class="col9">账号余额：￥123.00</span><span class="col9 ellipse flex_a border delBtn">删除</span></li>
            </div>
            <div class="list bw mt20">
                <li class="flex_sb bdb p20"><span>代理名称：张三</span><span class="c4">禁止</span></li>
                <li class="flex_sb plr20 mt20"><span class="col9">手机号码：13746xxxxxx</span><span class="colw b_diy1 ellipse flex_a jc">编辑</span></li>
                <li class="flex_sb p20"><span class="col9">账号余额：￥123.00</span><span class="col9 ellipse flex_a border delBtn">删除</span></li>
            </div>
            <div class="list bw mt20">
                <li class="flex_sb bdb p20"><span>代理名称：张三</span><span class="c4">禁止</span></li>
                <li class="flex_sb plr20 mt20"><span class="col9">手机号码：13746xxxxxx</span><span class="colw b_diy1 ellipse flex_a jc">编辑</span></li>
                <li class="flex_sb p20"><span class="col9">账号余额：￥123.00</span><span class="col9 ellipse flex_a border delBtn">删除</span></li>
            </div>
        </div>
        <div class="main_btn">添加代理</div>
    </div>
</body>

</html>
<script src="../js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/dlc.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.0/alipayjsapi.inc.min.js"></script>
<!--公司的常用函数封装-->
<script type="text/javascript">
$('.top').on('click', 'li', function() {
    showMask();
    $('.top_cont').removeClass('hide');
    $('.top').find('img').attr('src', '../img/down.png');
    $(this).addClass('active').siblings().removeClass('active');
    $(this).find('img').attr('src', '../img/up.png');
})

$('.tlist').on('click', function() {
    $(this).addClass('b_diy2 c_diy').siblings().removeClass('b_diy2 c_diy');
    $('.top').find('.active').find('.top_title').text($(this).text());
    $('.mask').addClass('hide');
    $('.top_cont').addClass('hide');
})
$('.bigBox').on('click', '.delBtn', function() { //删除功能
    var that = this;
    dlctipbox.confirm('确定要删除吗？', function(res) {
        console.log(res)
        if (res == 1) {
            $(that).parents('.list').hide();
            hideMask();
            $('#confirm').hide();
        }
    })
})

function type() {
    dlc_request('', {}, function(res) {
        console.log(res);
        if (res.code == 1) {

        } else {
            dlctipbox.show(res.msg);
        }
    })
}
</script>